<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
	<meta charset="utf-8">
	<title>后台管理</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css" media="all" />
</head>
<body class="childrenBody">
	<blockquote class="layui-elem-quote layui-bg-green">
		<div id="nowTime"></div>
	</blockquote>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;">
				<div class="panel_icon layui-bg-orange">
					<i class="layui-anim seraph icon-icon10" data-icon="icon-icon10"></i>
				</div>
				<div class="panel_word userAll">
					<span></span>
					<em>书籍数量</em>
					<cite>${booksCount}</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;">
				<div class="panel_icon layui-bg-blue">
					<i class="layui-anim seraph icon-clock"></i>
				</div>
				<div class="panel_word">
					<span class="loginTime"></span>
					<cite>上次登录时间</cite>
				</div>
			</a>
		</div>
	</div>
	<div class="layui-row layui-col-space10">
		<div class="layui-col-sm12">
			<div class="layui-row layui-col-space10" style="margin-top: 40px;">
				<div class="layui-col-xs12">
					<blockquote class="layui-elem-quote title">科幻统计 <i class="layui-icon">&#xe756;</i>
					</blockquote>
					<table class="layui-table magt0">
						<colgroup>
							<col width="200px">
							<col width="200px">
							<col>
						</colgroup>
						<thead>
						<tr>
							<th>科幻</th>
							<th>点赞</th>
							<th>收藏</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>${kh.booksCount}</td>
							<td>${kh.likesCount}</td>
							<td>${kh.collectCount}</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="layui-row layui-col-space10">
				<div class="layui-col-xs12">
					<blockquote class="layui-elem-quote title">奇幻统计 <i class="layui-icon">&#xe756;</i>
					</blockquote>
					<table class="layui-table magt0">
						<colgroup>
							<col width="200px">
							<col width="200px">
							<col>
						</colgroup>
						<thead>
						<tr>
							<th>奇幻</th>
							<th>点赞</th>
							<th>收藏</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>${qh.booksCount}</td>
							<td>${qh.likesCount}</td>
							<td>${qh.collectCount}</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="layui-row layui-col-space10">
				<div class="layui-col-xs12">
					<blockquote class="layui-elem-quote title">玄幻统计 <i class="layui-icon">&#xe756;</i>
					</blockquote>
					<table class="layui-table magt0">
						<colgroup>
							<col width="200px">
							<col width="200px">
							<col>
						</colgroup>
						<thead>
						<tr>
							<th>玄幻</th>
							<th>点赞</th>
							<th>收藏</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>${xh.booksCount}</td>
							<td>${xh.likesCount}</td>
							<td>${xh.collectCount}</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="layui-row layui-col-space10">
				<div class="layui-col-xs12">
					<blockquote class="layui-elem-quote title">武侠统计 <i class="layui-icon">&#xe756;</i>
					</blockquote>
					<table class="layui-table magt0">
						<colgroup>
							<col width="200px">
							<col width="200px">
							<col>
						</colgroup>
						<thead>
						<tr>
							<th>武侠</th>
							<th>点赞</th>
							<th>收藏</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>${wx.booksCount}</td>
							<td>${wx.likesCount}</td>
							<td>${wx.collectCount}</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="layui-row layui-col-space10">
				<div class="layui-col-xs12">
					<blockquote class="layui-elem-quote title">仙侠统计 <i class="layui-icon">&#xe756;</i>
					</blockquote>
					<table class="layui-table magt0">
						<colgroup>
							<col width="200px">
							<col width="200px">
							<col>
						</colgroup>
						<thead>
						<tr>
							<th>仙侠</th>
							<th>点赞</th>
							<th>收藏</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td>${xx.booksCount}</td>
							<td>${xx.likesCount}</td>
							<td>${xx.collectCount}</td>
						</tr>
						</tbody>
					</table>
				</div>
			</div>
			</table>
		</div>
	</div>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/main.js"></script>
	<script>

			layui.use(['layer','jquery','element'], function(){
				var layer = layui.layer;
				var $ = layui.jquery;
				var element = layui.element;

			});

	</script>
</body>
</html>